<!DOCTYPE html>
<html ng-app="KarmaDemo">
<head>
	<meta charset="UTF-8">
	<link rel="stylesheet" href="css/karma-demo.css"/>
	<script src="node_modules/angular/angular.js"></script>
    <script src="node_modules/angular/angular-route.js"></script>
	<script src="scripts/karma-demo.js"></script>
	<title>Karma Demo</title>
</head>

<body>
    <h1>Karma Demo</h1>
    <div ng-controller="DemoCtrl">
        <div>
            Number:
            <span even-odd-class="foo,bar">{{number | asWord}}</span>
        </div>
        <button ng-click="increment()">Increment</button>
    </div>
    <div ng-controller="myFactoryCtrl">       
        <input type="text" ng-model="data.artist">
        <button ng-click="updateArtist()">update</button>
        <button ng-click="submitArtist()">submit</button>
    </div>
    <div ng-view="footer"></div>
</body>
</html>

